<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>Pricing Tables - eKoders Admin Template</title>
	
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/fonts.css">
	<link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css">
	
	<!-- PAGE LEVEL PLUGINS STYLES -->
	<link rel="stylesheet" href="../assets/css/plugins/colorBox/colorbox.css">
	
    <!-- Tc core CSS -->
	<link id="qstyle" rel="stylesheet" href="assets/css/themes/style.css">
	
	
    <!-- Add custom CSS here -->

	<!-- End custom CSS here -->
	
    <!--[if lt IE 9]>
    <script src="../assets/js/html5shiv.js"></script>
    <script src="../assets/js/respond.min.js"></script>
    <![endif]-->
	
  </head>

<body>

    <nav class="navbar top-navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="index.html">
                    <img src="../assets/images/logo-big.png" alt="logo" class="img-responsive">
                </a>
            </div>		
            <!-- Top Menu Right-->
			<div class="nav-top">
				<ul class="nav navbar-right">
					<li class="visible-xs">
						<a href="#" class="tooltip-primary" data-placement="right" data-rel="tooltip" title="+ 91 124 2250121">
							<i class="fa fa-phone"></i>
						</a>
					</li>
					<li class="hidden-xs">
						<a href="#">
							<i class="fa fa-phone"></i>
							<span class="bigger-110 hidden-xs">+ 91 124 2250121</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope"></i> <span class="badge up badge-primary">2</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-bell"></i> <span class="badge up badge-success">3</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-tasks"></i> <span class="badge up badge-info">7</span>
						</a>
					</li>
					<li class="dropdown user-box-no-images">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="user-info"> My Account</span> <b class="caret"></b>
						</a>
						<ul class="dropdown-menu dropdown-user">
							<li>
								<a href="../profile.html">
									My Profile
								</a>
							</li>
							<li>
								<a href="../invoice.html">
									My Invoices
								</a>
							</li>
							<li>
								<a href="../login.html">
									Signin
								</a>
							</li>
						</ul>
					</li>
					<!--Search Box-->
					<li class="dropdown nav-search-icon">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="glyphicon glyphicon-search"></span>
						</a>
						<ul class="dropdown-menu dropdown-search">
							<li>
								<div class="search-box">
									<form class="" role="search">
										<input type="text" class="form-control" placeholder="Search" />
									</form>
								</div>
							</li>
						</ul>
					</li>
					<!--Search Box-->
				</ul>
			</div>
            <!-- /.Top Menu -->
		</div>
		
		<div class="top-menu collapse navbar-collapse  navbar-main-collapse">
			<div class="container">
				<!-- Left Menu-->
				<div class="nav-top">
					<ul class="nav navbar-nav navbar-left">
						<li>
							<a href="index.html">Home</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Pages <b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="about-us.html">About Us</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="pricing-tables.html">Pricing Tables</a></li>
							</ul>					
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li>
							<a href="contact.html">Contact Us</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-left pull-right hidden-xs hidden-sm">
						<li>
							<a href="contact.html" class="btn btn-primary">Live Chat</a>
						</li>
					</ul>
				</div>
			</div>
        </div>
        <!-- /.container -->
    </nav>
	
	
	<div class="page-container"><!-- /page container -->
	
	<!-- /#ek-layout-button -->	
		<div class="qs-layout-menu front">
			<div class="btn btn-gray qs-setting-btn" id="qs-setting-btn">
				<i class="fa fa-cog bigger-150 icon-only"></i>
			</div>
			<div class="qs-setting-box" id="qs-setting-box">										
				<span class="bigger-120">Color Options</span>										
				<div class="hr hr-dotted hr-8"></div>										
				<ul>									
					<li><button class="btn" style="background-color:#d15050;" onclick="swapStyle('assets/css/themes/style.css')"></button></li>
					<li><button class="btn" style="background-color:#86618f;" onclick="swapStyle('assets/css/themes/style-1.css')"></button></li> 
					<li><button class="btn" style="background-color:#ba5d32;" onclick="swapStyle('assets/css/themes/style-2.css')"></button></li>
					<li><button class="btn" style="background-color:#488075;" onclick="swapStyle('assets/css/themes/style-3.css')"></button></li>
					<li><button class="btn" style="background-color:#4e72c2;" onclick="swapStyle('assets/css/themes/style-4.css')"></button></li>
				</ul>											
			</div>
		</div>
	<!-- /#ek-layout-button -->
	
		<div class="mass-head inner">
			<div class="container">
				<div class="row">
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<h1>Pricing Tables <small>3 Styled pricing tables</small></h1>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
						<ol class="breadcrumb">
							<li><a href="index.html">Home</a></li>
							<li><a href="#">Pages</a></li>
							<li class="active">Pricing Tables</li>
						</ol>
					</div>
				</div>
			</div>
		</div>
		

		<div class="block-s2">
			<div class="container">
				
				<!--Pricing Tables 1 -->
				<div class="row block-s3">
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-1">
							<h3 class="plan-title">Regular licence</h3>
							<span class="bigger-500">$21</span>
							<p class="plan-features">
								Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, sequi, veniam, quasi adipisci sint explicabo exercitationem vel magnam doloribus error odio quibusdam est impedit ut obcaecati minus fugit nesciunt deserunt.
							</p>
							<a href="#" class="btn btn-primary plan-button"><i class="fa fa-download"></i>Purchase</a>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-1 bg-primary">
							<h3 class="plan-title">Extanded licence</h3>
							<span class="bigger-500">$1024</span>
							<p class="plan-features">
								Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, sequi, veniam, quasi adipisci sint explicabo exercitationem vel magnam doloribus error odio quibusdam est impedit ut obcaecati minus fugit nesciunt deserunt.
							</p>
							<a href="#" class="btn plan-button"><i class="fa fa-download"></i>Purchase</a>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-1">
							<h3 class="plan-title">Multiple licence</h3>
							<span class="bigger-500">$399</span>
							<p class="plan-features">
								Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, sequi, veniam, quasi adipisci sint explicabo exercitationem vel magnam doloribus error odio quibusdam est impedit ut obcaecati minus fugit nesciunt deserunt.
							</p>
							<a href="#" class="btn btn-primary plan-button"><i class="fa fa-download"></i>Purchase</a>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-1">
							<h3 class="plan-title">Exclusive licence</h3>
							<span class="bigger-500">$999</span>
							<p class="plan-features">
								Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, sequi, veniam, quasi adipisci sint explicabo exercitationem vel magnam doloribus error odio quibusdam est impedit ut obcaecati minus fugit nesciunt deserunt.
							</p>
							<a href="#" class="btn btn-primary plan-button"><i class="fa fa-download"></i>Purchase</a>
						</div>
					</div>
				</div>
				
				<!--Pricing Tables 1-->
			</div>
		</div>

		
		<div class="block-s2 light">
			<div class="container">
			<!--CONTENT-->
				
				<!--Pricing Tables 1 stye 2-->
				<div class="row block-s3">
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-1">
							<h3 class="plan-title">Deluxe</h3>
							<div class="plan-pricing">
								<p class="plan-price">FREE</p>
							</div>
							<ul class="plan-features">
								<li>Dedicated Support</li>
								<li>Unlimited Email Aaccounts</li>
								<li><strong>Free</strong> Weekly Backups</li>
								<li><strong>30</strong> Sub Domains</li>
								<li>Customizable Profile Page</li>
								<li>Monthly Biling</li>
							</ul>
							<a href="#" class="btn btn-primary plan-button">Choose Plan</a>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-1 active position-relative">
							<h3 class="plan-title">Deluxe</h3>
							<div class="plan-pricing">
								<p class="plan-price">FREE</p>
							</div>
							<ul class="plan-features">
								<li>Dedicated Support</li>
								<li>Unlimited Email Aaccounts</li>
								<li><strong>Free</strong> Weekly Backups</li>
								<li><strong>30</strong> Sub Domains</li>
								<li>Customizable Profile Page</li>
								<li>Monthly Biling</li>
							</ul>
							<a href="#" class="btn btn-primary plan-button">Choose Plan</a>
							<div class="ribbon-wrapper"><div class="ribbon default-bg">Populer</div></div>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-1">
							<h3 class="plan-title">Deluxe</h3>
							<div class="plan-pricing">
								<p class="plan-price">FREE</p>
							</div>
							<ul class="plan-features">
								<li>Dedicated Support</li>
								<li>Unlimited Email Aaccounts</li>
								<li><strong>Free</strong> Weekly Backups</li>
								<li><strong>30</strong> Sub Domains</li>
								<li>Customizable Profile Page</li>
								<li>Monthly Biling</li>
							</ul>
							<a href="#" class="btn btn-primary plan-button">Choose Plan</a>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-1">
							<h3 class="plan-title">Deluxe</h3>
							<div class="plan-pricing">
								<p class="plan-price">FREE</p>
							</div>
							<ul class="plan-features">
								<li>Dedicated Support</li>
								<li>Unlimited Email Aaccounts</li>
								<li><strong>Free</strong> Weekly Backups</li>
								<li><strong>30</strong> Sub Domains</li>
								<li>Customizable Profile Page</li>
								<li>Monthly Biling</li>
							</ul>
							<a href="#" class="btn btn-primary plan-button">Choose Plan</a>
						</div>
					</div>
				</div>
			</div>
		</div>
			
		<div class="block-s2">
			<div class="container">
			
				<!--Pricing Tables 4-->
				<div class="row block-s3">
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-3">
							<h3 class="plan-title">Deluxe</h3>
							<div class="rate">				
								Starting from:<br>				
								<div class="price">
									<div class="amount">$35.40</div>
									<div class="term"><br>Annually</div>
								</div>
							</div>
							<ul class="plan-features">
								<li>Dedicated Support</li>
								<li>Unlimited Email Aaccounts</li>
								<li><strong>Free</strong> Weekly Backups</li>
								<li><strong>30</strong> Sub Domains</li>
								<li>Customizable Profile Page</li>
								<li>Monthly Biling</li>
							</ul>
							<a href="#" class="btn btn-primary plan-button">Choose Plan</a>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-3 active position-relative">
							<h3 class="plan-title">Professional</h3>
							<div class="rate">				
								Starting from:<br>				
								<div class="price">
									<div class="amount">$35.40</div>
									<div class="term"><br>Annually</div>
								</div>
							</div>
							<ul class="plan-features">
								<li>Dedicated Support</li>
								<li>Unlimited Email Aaccounts</li>
								<li><strong>Free</strong> Weekly Backups</li>
								<li><strong>30</strong> Sub Domains</li>
								<li>Customizable Profile Page</li>
								<li>Monthly Biling</li>
							</ul>
							<a href="#" class="btn btn-primary plan-button">Choose Plan</a>
							<div class="ribbon-wrapper"><div class="ribbon bg-success">New</div></div>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-3">
							<h3 class="plan-title">Enterprise</h3>
							<div class="rate">				
								Starting from:<br>				
								<div class="price">
									<div class="amount">$35.40</div>
									<div class="term"><br>Annually</div>
								</div>
							</div>
							<ul class="plan-features">
								<li>Dedicated Support</li>
								<li>Unlimited Email Aaccounts</li>
								<li><strong>Free</strong> Weekly Backups</li>
								<li><strong>30</strong> Sub Domains</li>
								<li>Customizable Profile Page</li>
								<li>Monthly Biling</li>
							</ul>
							<a href="#" class="btn btn-primary plan-button">Choose Plan</a>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="pricing-table-3">
							<h3 class="plan-title">Corporate</h3>
							<div class="rate">				
								Starting from:<br>				
								<div class="price">
									<div class="amount">$35.40</div>
									<div class="term"><br>Annually</div>
								</div>
							</div>
							<ul class="plan-features">
								<li>Dedicated Support</li>
								<li>Unlimited Email Aaccounts</li>
								<li><strong>Free</strong> Weekly Backups</li>
								<li><strong>30</strong> Sub Domains</li>
								<li>Customizable Profile Page</li>
								<li>Monthly Biling</li>
							</ul>
							<a href="#" class="btn btn-primary plan-button">Choose Plan</a>
						</div>
					</div>
				</div>
				<!--Pricing Tables 4-->
				
			<!--CONTENT-->
			</div>
		</div>
		

		<!--Footer-->
		<div class="block-footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features <span class="badge badge-primary">New</span></a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
					
						<h4>About Us</h4>
						<div class="well">
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting dustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
						</div>
						
						<h4>Contact Us</h4>
						<ul class="list-inline">
							<li><i class="fa fa-phone"></i> (123) 456-7890</li>
							<li><i class="fa fa-envelope"></i> Sale.dtp@example.com</li>
						</ul>
						
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 social">
						<h4>Follow Us</h4>
						<ul class="list-inline">
							<li><a href="#" class="btn btn-circle btn-facebook btn-xs"><i class="fa fa-facebook icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-googleplus btn-xs"><i class="fa fa-google-plus icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-twitter btn-xs"><i class="fa fa-twitter icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-linkedin btn-xs"><i class="fa fa-linkedin icon-only"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="row copyright">
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<p>2014 © eKoders, All rights reserved.</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<ul class="list-inline">
							<li><a href="#">Privacy Policy</a></li>
							<li><a href="#">Terms of Use</a></li>
							<li><a href="#">Refund Policy</a></li>
							<li><a href="#">License</a></li>
						</ul>						
					</div>
				</div>
			</div>
		</div>
		
		<a id="back-to-top" href="#" class="btn btn-primary btn-sm back-to-top" role="button"><i class="fa fa-angle-double-up icon-only bigger-110"></i></a>
		<!--End Footer-->
		
	</div><!-- /page container -->
    
	
    <!-- core JavaScript -->
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
	<script src="../assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../assets/js/plugins/pace/pace.min.js"></script>
	
	<!-- PAGE LEVEL PLUGINS JS -->
	
    <!-- Themes Core Scripts -->	
	<script src="../assets/js/main.js"></script>

	<!-- initial page level scripts for examples -->
	<script type="text/javascript">
		// init variables require for all front pages
			Apps.initNavTopBar();
		// end
	</script>
</body>

</html>
